<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    body {
      width: 300px;
      padding: 15px;
      font-family: Arial, sans-serif;
    }
    .container {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    input, textarea, button {
      padding: 8px;
      border: 1px solid #ddd;
      border-radius: 4px;
    }
    button {
      background: #0077b5;
      color: white;
      cursor: pointer;
      border: none;
    }
    button:hover {
      background: #005885;
    }
    .status {
      margin-top: 10px;
      padding: 8px;
      border-radius: 4px;
      display: none;
    }
    .success {
      background: #d4edda;
      color: #155724;
      border: 1px solid #c3e6cb;
    }
    .error {
      background: #f8d7da;
      color: #721c24;
      border: 1px solid #f5c6cb;
    }
  </style>
</head>
<body>
  <div class="container">
    <h3>LinkedIn消息发送器</h3>
    
    <label for="profileUrl">LinkedIn个人资料URL:</label>
    <input type="url" id="profileUrl" placeholder="https://www.linkedin.com/in/uma-m-116b5a5/">
    
    <label for="message">消息内容:</label>
    <textarea id="message" rows="4" placeholder="请输入要发送的消息..."></textarea>
    
    <button id="sendMessage">发送消息</button>
    <button id="openProfile">打开个人资料</button>
    
    <div id="status" class="status"></div>
  </div>
  
  <script src="popup.js"></script>
</body>
</html>